
/*重置*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none;/*  font-size: 100%;  */vertical-align: baseline;letter-spacing: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
a { text-decoration: none; }
b { padding: 0px; margin: 0px; letter-spacing: 0.2px; }
ol, ul { list-style: outside none none; margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
html, body{padding:0;margin:0;}
fieldset, img { border: 0px none; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; letter-spacing: 0em; }
ol li, ul li, dl dt, dl dd { list-style: outside none none; letter-spacing: 0em; }
ul, ol { height: auto; display: block; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; letter-spacing: 0px; }
input, button, textarea,  select{ vertical-align: middle; outline: none;}
iframe { vertical-align: top; }
a { vertical-align: top; text-decoration: none; color: #595757;}
a:hover { text-decoration: none; }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*清除苹果样式*/
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
textarea {-webkit-appearance: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }

select{
    /*去除外边框*/
    border: none; 
    /*适应safari浏览器内容不跑偏*/
    line-height: 1;
    width: 100%;
    /*将默认的select选择框样式清除*/  
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;  
    /*在选择框的最右侧中间显示小箭头图片*/  
    background: url("../icon_down.png") no-repeat scroll 98% center transparent;
    background-size:15px 15px;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/  
    padding-right: 14px;
    font-size:14px;
    color: #666666;
    /*去除选中时样式*/
    outline: none;
    /*去除点击一闪而过的灰色背景*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


*{outline: none;}
body{width: 100%;position: relative;}
html{width: 100%;}
body{ width: 100%;height:100%;color: #555555; background-color: #ffffff;  font-size: 14px;  font-family:'PingFang SC','Microsoft YaHei',Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }




/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: "";display: block;height: 0; clear: both;}
.clearfix {zoom: 1;}

/*颜色*/
.f_yellow{color: #ffa800;}
.f_blue{color: #206089;}
.f_write{color: #ffffff;}


/* 布局 */
.center{text-align: center}
.vertical_t{vertical-align: top;}
.vertical_m{vertical-align: middle;}
.vertical_b{vertical-align: bottom;}
.inline_block{display:inline-block;*display:inline;*zoom:1;}
.table{display: table;width: 100%;height: 100%;word-break: break-all;}
.table_cell{display: table-cell;vertical-align: middle;}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex_v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex_1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex_3{-webkit-box-flex:3;-webkit-flex:2;-ms-flex:2;flex:2;}
.flex_align_center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex_pack_center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex_pack_justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex_align_content{ align-content: space-between;}
.flex_wrap{flex-wrap: wrap;}


/* 动画 */
.decoration{cursor:pointer;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
.transform50{transform: translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%); }

/* 限制行数 */
.nowrap{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.clamp2{-webkit-line-clamp: 2;}
.clamp3{-webkit-line-clamp: 3;}
.clamp4{-webkit-line-clamp: 4;}

a:hover {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@media(max-width: 767px){
	.hidden_xs{display: none;}
}

@media(min-width: 768px){
	.hidden_md{display: none;}
}

.iconfont{font-size:16px;}